@rowHeight:48px;
@col:57px;
.base_center { height: 300px; background: #ffffff; border: 1px solid @Color-Border; margin-top: -1px; overflow: auto; position: relative; }
.base_center::-webkit-scrollbar { display: initial !important; }
.base_center .header { z-index: 2; height: @rowHeight; display: flex; align-items: center; position: sticky; top: 0;background: #ffffff;}
.base_center .header .hItem { padding-left: 15px; width: 228px; min-width: 228px; height: 100%; border-right: 1px solid @Color-Border; border-bottom: 1px solid @Color-Border; display: flex; align-items: center; background: #fff; }
.base_center .fd{ z-index: 2; position: sticky; top: 0; left: 0; z-index: 999; width: @col; min-width: @col; height: @rowHeight; min-height: @rowHeight; background: #FFFFFF; border-radius: 0px 0px 0px 0px; border-right: 1px solid @Color-Border; border-bottom: 1px solid @Color-Border; }
.base_center  .inturn {  z-index: 2;position: sticky; left: 0; width: @col; min-width: @col; height: @rowHeight; min-height: @rowHeight; background: #FFFFFF; border-radius: 0px 0px 0px 0px; border-right: 1px solid @Color-Border; border-bottom: 1px solid @Color-Border; }
.base_center .row { display: flex; }
.base_center .row .col { user-select: none;cursor: pointer; padding: 20px; position: relative; width: 228px; min-width: 228px;  border-right: 1px solid @Color-Border; border-bottom: 1px solid @Color-Border; }
.base_center .row .dj { background: @Color-Card-YDJ !important; }
.base_center .row .wdj { background: @Color-Card-WDJ !important;  }
.base_center .row .leftItem { z-index: 2; position: sticky; left: 0; background: #FFFFFF; width: @col; min-width: @col; border-right: 1px solid @Color-Border; border-bottom: 1px solid @Color-Border;display: flex;align-items: center;justify-content: center; }
.base_center .row .col .select_shade{ pointer-events: none; background-color: red; position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 1; background: rgba(145,213,255,0.25); border: 4px solid #2D8CF0; }
.base_center .row .col .gauge_outfit{ display: flex; flex-direction: column; justify-content: start; align-items: start; margin-bottom: 10px; }
.base_center .row .col .gauge_outfit .name{font-size: 16px; font-family: PingFang SC-Regular, PingFang SC; font-weight: 400; color: #17233D;}
.base_center .row .col .gauge_outfit .value{ font-size: 16px; font-family: PingFang SC-Bold, PingFang SC; font-weight: 800; color: #17233D; }
.base_center .row .col .co_item{margin-top: 5px;}